<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script src="./node_modules/axios/dist/axios.js"></script>
  <script>
    // axios({
    //   method: 'POST',
    //   url: 'http://localhost:4000/graphql',
    //   data: {
    //     query: `
    //       query getArticles {
    //         articles {
    //           title
    //           body
    //         }
    //       }
    //     `
    //   }
    // }).then(res => {
    //   console.log('==========res', res)
    // })


    // const id = 1
    // axios({
    //   method: 'POST',
    //   url: 'http://localhost:4000/graphql',
    //   data: {
    //     query: `
    //       query getArticle {
    //         article(id: ${id}) {
    //           title
    //           body
    //         }
    //       }
    //     `
    //   }
    // }).then(res => {
    //   console.log('==========res', res)
    // })


    // const id = 1
    // axios({
    //   method: 'POST',
    //   url: 'http://localhost:4000/graphql',
    //   data: {
    //     query: `
    //       query getArticle($id: ID!) {
    //         article(id: $id) {
    //           title
    //           body
    //         }
    //       }
    //     `,
    //     variables: {
    //       id: 2
    //     }
    //   }
    // }).then(res => {
    //   console.log('=====2=====res', res)
    // })


    // axios({
    //   method: 'POST',
    //   url: 'http://localhost:4000/graphql',
    //   data: {
    //     query: `
    //       mutation createArticle($article: CreateArticleInput!) {
    //         createArticle(article: $article) {
    //           title
    //           body
    //         }
    //       }
    //     `,
    //     variables: {
    //       article: {
    //         title: '文章 - 一',
    //         body: '文章 BODY 1'
    //       }
    //     }
    //   }
    // }).then(res => {
    //   console.log('=====createArticle=====res', res)
    // })

    // axios({
    //   method: 'POST',
    //   url: 'http://localhost:4000/graphql',
    //   data: {
    //     query: `
    //       mutation updateArticle($id: ID!, $article: UpdateArticleInput!) {
    //         updateArticle(id: $id, article: $article) {
    //           title
    //           body
    //         }
    //       }
    //     `,
    //     variables: {
    //       id: "2",
    //       article: {
    //         title: '文章 - 一'
    //       }
    //     }
    //   }
    // }).then(res => {
    //   console.log('=====updateArticle=====res', res)
    // })


    axios({
      method: 'POST',
      url: 'http://localhost:4000/graphql',
      data: {
        query: `
          mutation deleteArticle($id: ID!) {
            deleteArticle(id: $id) {
              success
            }
          }
        `,
        variables: {
          id: "2"
        }
      }
    }).then(res => {
      console.log('=====deleteArticle=====res', res)
    })
  </script>
</body>
</html>